<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../static/css/all-use.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/meetingRoom2.css"/>
    <script src="../static/js/jquery-3.6.0.slim.min.js"></script>
    <script src="../static/js/popper.js"></script>
    <script src="../static/js/bootstrap.js"></script>
    <title></title>
</head>
<body class="all-background">
<div>
    <div class="pos-fixed">
        <ul class="nav nav-pills nav-fill">
            <li class="nav-width">
                <button type="button" class="btn-back">返回</button>
            </li>
            <li class="nav-width">
                <div class="fixed-set">
                    会议室占用情况
                </div>
            </li>
        </ul>
    </div>
    <div class="out-top">
    </div>

    <div style="margin-top: 15px">
        <div class="container">
            <div class="left">
                <div class="btn-group-vertical btn-list" role="group" aria-label="Basic example">
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                </div>
            </div>
            <div class="right">
                <div class="container all-background">
                    <div class="row table-shadow">
                        <table class="table-sty">
                            <thead>
                            <tr>
                                <th>2月20日</th>
                                <th>2月21日</th>
                                <th>2月22日</th>
                                <th>2月22日</th>
                                <th>2月23日</th>
                            </tr>
                            </thead>
                            <tr>
                                <td><button class="table-btn-selected">8:00</button></td>
                                <td><button class="table-btn-noselect">8:00</button></td>
                                <td><button class="table-btn-noselect">8:00</button></td>
                                <td><button class="table-btn-noselect">8:00</button></td>
                                <td><button class="table-btn-noselect">8:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">9:00</button></td>
                                <td><button class="table-btn-noselect">9:00</button></td>
                                <td><button class="table-btn-noselect">9:00</button></td>
                                <td><button class="table-btn-noselect">9:00</button></td>
                                <td><button class="table-btn-noselect">9:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">10:00</button></td>
                                <td><button class="table-btn-noselect">10:00</button></td>
                                <td><button class="table-btn-noselect">10:00</button></td>
                                <td><button class="table-btn-noselect">10:00</button></td>
                                <td><button class="table-btn-noselect">10:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">11:00</button></td>
                                <td><button class="table-btn-noselect">11:00</button></td>
                                <td><button class="table-btn-noselect">11:00</button></td>
                                <td><button class="table-btn-noselect">11:00</button></td>
                                <td><button class="table-btn-noselect">11:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">12:00</button></td>
                                <td><button class="table-btn-noselect">12:00</button></td>
                                <td><button class="table-btn-noselect">12:00</button></td>
                                <td><button class="table-btn-noselect">12:00</button></td>
                                <td><button class="table-btn-noselect">12:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">13:00</button></td>
                                <td><button class="table-btn-noselect">13:00</button></td>
                                <td><button class="table-btn-noselect">13:00</button></td>
                                <td><button class="table-btn-noselect">13:00</button></td>
                                <td><button class="table-btn-noselect">13:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">14:00</button></td>
                                <td><button class="table-btn-noselect">14:00</button></td>
                                <td><button class="table-btn-noselect">14:00</button></td>
                                <td><button class="table-btn-noselect">14:00</button></td>
                                <td><button class="table-btn-noselect">14:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">15:00</button></td>
                                <td><button class="table-btn-noselect">15:00</button></td>
                                <td><button class="table-btn-noselect">15:00</button></td>
                                <td><button class="table-btn-noselect">15:00</button></td>
                                <td><button class="table-btn-noselect">15:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">16:00</button></td>
                                <td><button class="table-btn-noselect">16:00</button></td>
                                <td><button class="table-btn-noselect">16:00</button></td>
                                <td><button class="table-btn-noselect">16:00</button></td>
                                <td><button class="table-btn-noselect">16:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">17:00</button></td>
                                <td><button class="table-btn-noselect">17:00</button></td>
                                <td><button class="table-btn-noselect">17:00</button></td>
                                <td><button class="table-btn-noselect">17:00</button></td>
                                <td><button class="table-btn-noselect">17:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">18:00</button></td>
                                <td><button class="table-btn-noselect">18:00</button></td>
                                <td><button class="table-btn-noselect">18:00</button></td>
                                <td><button class="table-btn-noselect">18:00</button></td>
                                <td><button class="table-btn-noselect">18:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">19:00</button></td>
                                <td><button class="table-btn-noselect">19:00</button></td>
                                <td><button class="table-btn-noselect">19:00</button></td>
                                <td><button class="table-btn-noselect">19:00</button></td>
                                <td><button class="table-btn-noselect">19:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">20:00</button></td>
                                <td><button class="table-btn-noselect">20:00</button></td>
                                <td><button class="table-btn-noselect">20:00</button></td>
                                <td><button class="table-btn-noselect">20:00</button></td>
                                <td><button class="table-btn-noselect">20:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">21:00</button></td>
                                <td><button class="table-btn-noselect">21:00</button></td>
                                <td><button class="table-btn-noselect">21:00</button></td>
                                <td><button class="table-btn-noselect">21:00</button></td>
                                <td><button class="table-btn-noselect">21:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">22:00</button></td>
                                <td><button class="table-btn-noselect">22:00</button></td>
                                <td><button class="table-btn-noselect">22:00</button></td>
                                <td><button class="table-btn-noselect">22:00</button></td>
                                <td><button class="table-btn-noselect">22:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect">23:00</button></td>
                                <td><button class="table-btn-noselect">23:00</button></td>
                                <td><button class="table-btn-noselect">23:00</button></td>
                                <td><button class="table-btn-noselect">23:00</button></td>
                                <td><button class="table-btn-noselect">23:00</button></td>
                            </tr>
                        </table>
                    </div>
                    <div class="out-bottom"></div>
                </div>
            </div>
        </div>
    </div>
    <!--主体-->
    <!-- 底部导航栏-->
    <div id="mynav">
        <ul class="nav nav-pills nav-fill">
            <li class="nav-item nav-width">
                <button class="nav-link nav-height" onclick="jumpToBook()">预约会议室</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link  nav-height active" onclick="jumpToSearch()">查看占用</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link nav-height ">个人中心</button>
            </li>
        </ul>
    </div>
    <!--底部导航栏-->
</div>
<div></div>
</body>
</html>

